<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/case.css">
  <link rel="stylesheet" href="libs/wow/animate.min.css">
  <title>经典案例</title>
</head>

<body>
  <div class="container-fluid">
    <!-- 头部 -->
    <div class="row header">
      <div class="col-md-3">
        <!-- logo -->
        <img src="images/index/logo.png" class="logo" alt="">
      </div>
      <div class="col-md-9">
        <!-- 导航 -->
        <!-- Static navbar -->
        <nav class="navbar navbar-default">
          <div class="container-fluid">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <!-- logo -->
              <img src="images/index/logo.png" class="logo2" alt="">
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li class="active"><a href="index.html">首页</a></li>
                <li><a href="more.html">更多产品</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="case.html">经典案例</a></li>
                <li><a href="service.html">售后服务</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="desc.html">企业介绍</a></li>

              </ul>
            </div>
            <!--/.nav-collapse -->
          </div>
          <!--/.container-fluid -->
        </nav>

        <ul class="pull-right nav navbar2">
          <li><a href="index.html">首页</a></li>
          <li><a href="more.html">更多产品</a></li>
          <li><a href="about.html">关于我们</a></li>
          <li><a href="case.html">经典案例</a></li>
          <li><a href="service.html">售后服务</a></li>
          <li><a href="contact.html">联系我们</a></li>
          <li><a href="desc.html">企业介绍</a></li>

        </ul>
        <div class="clearfix"></div>
      </div>
    </div>
    <!-- banner -->
    <div class="banner row">
      <div class="col-md-2 col-sm-1 hidden-xs"></div>
      <div class="box col-md-8 col-sm-10 col-xs-12">
        <h1>经典案例</h1>
        <hr />
        <p>CASE SHOW</p>
        <ul class="list1">
          <li>摄影作品</li>
          <li>广告作品</li>
          <li>电商淘宝</li>
          <li>小程序开发</li>
          <li>影视后期</li>
        </ul>
        <div class="list2">
          <img src="images/case/img01.png" alt="">
          <img src="images/case/img02.png" alt="">
          <img src="images/case/img03.png" alt="">
          <img src="images/case/img04.png" alt="">
          <img src="images/case/img05.png" alt="">
          <img src="images/case/img06.png" alt="">
          <img src="images/case/img07.png" alt="">
          <img src="images/case/img08.png" alt="">
        </div>
        <div class="list2">
          <img src="images/case/img04.png" alt="">
          <img src="images/case/img02.png" alt="">
          <img src="images/case/img07.png" alt="">
          <img src="images/case/img04.png" alt="">
          <img src="images/case/img05.png" alt="">
          <img src="images/case/img06.png" alt="">
          <img src="images/case/img07.png" alt="">
          <img src="images/case/img08.png" alt="">
        </div>
        <div class="list2">
          <img src="images/case/img02.png" alt="">
          <img src="images/case/img02.png" alt="">
          <img src="images/case/img03.png" alt="">
          <img src="images/case/img07.png" alt="">
          <img src="images/case/img05.png" alt="">
          <img src="images/case/img06.png" alt="">
          <img src="images/case/img07.png" alt="">
          <img src="images/case/img08.png" alt="">
        </div>
        <div class="list2">
          <img src="images/case/img05.png" alt="">
          <img src="images/case/img02.png" alt="">
          <img src="images/case/img03.png" alt="">
          <img src="images/case/img07.png" alt="">
          <img src="images/case/img05.png" alt="">
          <img src="images/case/img06.png" alt="">
          <img src="images/case/img07.png" alt="">
          <img src="images/case/img08.png" alt="">
        </div>
        <div class="list2">
          <img src="images/case/img07.png" alt="">
          <img src="images/case/img08.png" alt="">
          <img src="images/case/img03.png" alt="">
          <img src="images/case/img04.png" alt="">
          <img src="images/case/img07.png" alt="">
          <img src="images/case/img06.png" alt="">
          <img src="images/case/img07.png" alt="">
          <img src="images/case/img08.png" alt="">
        </div>
      </div>
      <div class="col-md-2 col-sm-1 hidden-xs"></div>
    </div>
    <!-- main -->
    <div class="main row">
      <div class="col-md-2 col-sm-1 hidden-xs"></div>
      <div class="middle col-md-8 col-sm-10 col-xs-12">
        <div class="box clearfix wow bounceInRight">
          <div class="col-sm-5 col-xs-5">
            <img class="img-responsive" src="images/case/img09.png" alt="">
          </div>
          <div class="right col-sm-7 col-xs-7">
            <h1>自然风光美丽海滩摄影图片</h1>
            <p>素材编号：18084916</p>
            <p>图片尺寸像素：3872x2568px</p>
            <p>分辨率：300dpi</p>
            <p>文件格式：JPG</p>
            <p>上传时间：2019-03-22 18:34:53</p>
            <button>VIP免费下载</button>
          </div>
        </div>
        <!-- r -->
        <div class="box clearfix wow bounceInLeft">

          <div class="right col-sm-7 col-xs-7">
            <h1>自然风光美丽海滩摄影图片</h1>
            <p>素材编号：18084916</p>
            <p>图片尺寸像素：3872x2568px</p>
            <p>分辨率：300dpi</p>
            <p>文件格式：JPG</p>
            <p>上传时间：2019-03-22 18:34:53</p>
            <button>VIP免费下载</button>
          </div>
          <div class="col-sm-5 col-xs-5">
            <img class="img-responsive" src="images/case/img10.png" alt="">
          </div>
        </div>
        <div class="box clearfix wow bounceInRight">
          <div class="col-sm-5 col-xs-5">
            <img class="img-responsive" src="images/case/img11.png" alt="">
          </div>
          <div class="right col-sm-7 col-xs-7">
            <h1>自然风光美丽海滩摄影图片</h1>
            <p>素材编号：18084916</p>
            <p>图片尺寸像素：3872x2568px</p>
            <p>分辨率：300dpi</p>
            <p>文件格式：JPG</p>
            <p>上传时间：2019-03-22 18:34:53</p>
            <button>VIP免费下载</button>
          </div>
        </div>
        <!-- r -->
        <div class="box clearfix wow bounceInLeft">

          <div class="right col-sm-7 col-xs-7">
            <h1>自然风光美丽海滩摄影图片</h1>
            <p>素材编号：18084916</p>
            <p>图片尺寸像素：3872x2568px</p>
            <p>分辨率：300dpi</p>
            <p>文件格式：JPG</p>
            <p>上传时间：2019-03-22 18:34:53</p>
            <button>VIP免费下载</button>
          </div>
          <div class="col-sm-5 col-xs-5">
            <img class="img-responsive" src="images/case/img12.png" alt="">
          </div>
        </div>
        <div class="box clearfix wow bounceInRight">
          <div class="col-sm-5 col-xs-5">
            <img class="img-responsive" src="images/case/img13.png" alt="">
          </div>
          <div class="right col-sm-7 col-xs-7">
            <h1>自然风光美丽海滩摄影图片</h1>
            <p>素材编号：18084916</p>
            <p>图片尺寸像素：3872x2568px</p>
            <p>分辨率：300dpi</p>
            <p>文件格式：JPG</p>
            <p>上传时间：2019-03-22 18:34:53</p>
            <button>VIP免费下载</button>
          </div>
        </div>
      </div>
      <div class="col-md-2 col-sm-1 hidden-xs"></div>
    </div>
    <!-- footer -->
    <div class="footer">
      <div class="row">
        <div class="col-sm-2 hidden-xs"></div>

        <!-- 768以下的二维码 -->
        <div class="row visible-xs xerweima">
          <div class="col-xs-3"></div>
          <div class="col-xs-6 .middle">
            <div class="clearfix  footer_right">
              <div class="pull-left">
                <div class="img"></div>
                <p>公众号</p>
              </div>
              <div class="pull-right">
                <div class="img"></div>
                <p>APP下载</p>
              </div>
            </div>
          </div>
          <div class="col-xs-3"></div>
        </div>


        <div class="col-sm-6 col-xs-12 middle">
          <p>版权所有：上海市包图网科技有限公司 沪公网安备31011502400137号 Copyright©2016-2019 包图网ibaotu.com </p>
          <p>地址：上海市浦东新区张江微电子港1号楼201室</p>
          <p>投诉电话：0000-99999999 咨询电话：0000-99999999 投诉邮箱：tousu@baotu.com</p>
          <p>为了防范电信网络诈骗，如接到962110来电，请立即接听</p>
        </div>

        <!-- 768以上的二维码 -->
        <div class="col-sm-4 clearfix hidden-xs footer_right">
          <div class="pull-left">
            <div class="img"></div>
            <p>公众号</p>
          </div>
          <div class="pull-left">
            <div class="img"></div>
            <p>APP下载</p>
          </div>
        </div>

      </div>
    </div>
  </div>


  <script src="js/jquery.min.js"></script>
  <script src="bootstrap/js/bootstrap.min.js"></script>
  <script src="libs/wow/wow.min.js"></script>
  <script src="js/case.js"></script>
  <script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
      new WOW().init();
    };
  </script>
</body>

</html>